<template>
    <div class="goods-hot">
        <h3>{{ title }}</h3>
        <div>
            <!-- <GoodsItem v-for="item in 3" :key="item" /> -->
        </div>
    </div>
</template>
  <script setup>
// import GoodsItem from '@/views/category/components/goods-item'
import { computed } from 'vue'
// { 1: '24小时热销榜', 2: '周热销榜', 3: '总热销榜' }
const title = 'lllllllll'
</script>
  <style scoped lang="scss">
  .goods-hot {
      h3 {
          height: 70px;
          background: $helpColor;
          color: #fff;
          font-size: 18px;
          line-height: 70px;
          padding-left: 25px;
          margin-bottom: 10px;
          font-weight: normal;
      }
  
      .goods-item {
          background: #fff;
          width: 100%;
          margin-bottom: 10px;
  
          img {
              width: 200px;
              height: 200px;
          }
  
          p {
              margin: 0 10px;
          }
  
          &:hover {
              transform: none;
              box-shadow: none;
          }
      }
  }
  </style>